html,
body {
	height: 100%;
	overflow: hidden;
}
.pos-sticky{
	position: sticky;
	top: 0;
	right: 0;
	gap: 20px;
	backdrop-filter: blur(1px);
	background-color: rgba(255, 255, 255, 0.8);
}
.container {
	max-width: 100% !important;
	width: 100% !important;
}
.flex1{
	flex: 1 !important;
}
.select-disabled{
	pointer-events: none;
	border: none;
	background-color: #f5f5f5;
	box-shadow: none;
	cursor: not-allowed;
	color: #7a7a7a;
}
.w-e-full-screen-container{
	position: absolute !important;
}
.full-screen{
	position: absolute;
	width: 100% !important;
	height: 100%;
	left: 0;
	top: 0;
	z-index: 99;
}

#main,
#layout {
	background-color: #f5f5f5;
	height: 100%;
}

#main .section {
	width: 100%;
	height: 100%;
	overflow: hidden;
	display: flex;
	flex-direction: column;
	padding: 20px 10px 10px 20px !important;
	box-sizing: border-box;
}

#main .section .container {
	width: 100%;
	flex: 1;
	overflow: hidden;
	background: white;
	box-shadow: 2px 2px 5px #ededed;
	box-sizing: border-box;
	padding: 20px 10px 10px 20px;
	margin-bottom: 10px;
	border-radius: 5px;
	display: flex;
	flex-direction: column;
}

.flex-center {
	align-items: center;
}

.label:not(:last-child) {
	margin-bottom: 0;
}

.button {
	margin-right: 10px !important;
	vertical-align: unset !important;
}

#main .section .container .table-content {
	width: 100%;
	flex: 1;
	overflow: auto;
}

.container table th,
.container table td {
	width: fit-content;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	word-break: break-all;
	vertical-align: middle !important;
	max-width: 300px;
}

.display-flex {
	display: flex;
	align-items: center;
}

.pagination {
	margin: 0 !important;
}

.flex-center .field-left {
	text-align: right;
	margin-right: 10px;
}

.welcome-wrapper {
	height: 100%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}

.pagination-link.is-current {
	background-color: #3e8ed0 !important;
	border: 1px solid #3e8ed0 !important;
}

.welcome-wrapper .welcome-img {
	width: auto;
}

.welcome-wrapper .welcome-txt {
	font-size: 60px;
	font-weight: bold;
	letter-spacing: 20px;
}
#markdown-container{
	width: 90%;
}
#editor—wrapper {
	border: 1px solid #ccc;
	z-index: 100;
	width: 90%;
	/* 按需定义 */
}

#toolbar-container {
	border-bottom: 1px solid #ccc;
}

#editor-container {
	height: 500px;
}

.save-ul li{
	display: flex;
	align-items: center;
	margin-bottom: 10px;
}
.save-ul li .left{
	width: 180px;
	font-size: 16px;
	color: #363636;
	margin-right: 10px;
	text-align: right;
	font-weight: 600;
}
.save-ul li .right{
	width: 340px;
}
.upload-modlue .img-box{
	display: none;
}
.upload-modlue .img-preview{
	width: 200px;
	height: 200px;
	border: 1px dashed #dbdbdb;
	box-sizing: border-box;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	position: relative;
	overflow: hidden;
	border-radius: 4px;
}
.upload-modlue .img-preview img{
	width: 100%;
	height: auto;
}
.upload-modlue .img-preview .delete-btn{
	position: absolute;
	width: 100%;
	height: 30px;
	background: rgba(0,0,0,0.4);
	text-align: center;
	box-sizing: border-box;
	left: 0;
	bottom: 0;
	cursor: pointer;
}
.upload-modlue .img-preview .delete-btn .iconfont{
	color: white;
	font-size: 14px;
	margin-top: 8px;
}
.upload-box{
	width: 200px;
	height: 200px;
	position: relative;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	border: 1px dashed #dbdbdb;
	box-sizing: border-box;
	overflow: hidden;
	border-radius: 4px;
}
.upload-box .iconfont{
	font-size: 30px;
	color: #999999;
}
.upload-box p{
	font-size: 14px;
	color: #999999;
}
.upload-box input{
	position: absolute;
	width: 100%;
	height: 100%;
	opacity: 0;
	z-index: 9;
	left: 0;
	top: 0;
	cursor: pointer;
}
/* 下拉框 */
.dropdown-box{
	position: relative;
	width: 100%;
}
.dropdown-box .dropdown-val{
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-right: 0 !important;
	padding: 0 !important;
	overflow: hidden;
}
.dropdown-box .dropdown-val .input-c{
	border: none;
	flex: 1;
	cursor: pointer;
}
.dropdown-box .dropdown-val .iconfont{
	color: #999999;
	font-size: 18px;
	margin-right: 10px;
}
.dropdown-box .dropdown-list{
	position: absolute;
	width: 100%;
	left: 0;
	top: 40px;
	border-radius: .375em;
	box-shadow: 0 .5em 1em -.125em rgba(10,10,10,.1),0 0 0 1px rgba(10,10,10,.02);
	z-index: 99;
	background-color: white;
	padding: 10px 0;
	display: none;
	max-height: 260px;
	overflow-y: auto;
}
.dropdown-box .dropdown-list li{
	padding: 10px 15px;
	cursor: pointer;
	margin-bottom: 0;
	color: #666666;
}
.dropdown-box .dropdown-list li.active{
	background-color: #00d1b2;
	color: white;
}
.dropdown-box .dropdown-list li:not(.active):hover{
	background-color: #eff1fa;
	color: #3850b7;
}

